<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .outer {
            width: 400px;
            height: 400px;
            border: 40px dashed black;
            padding: 40px;
            background-image: url(a.png);

            /* 下面的 / 是真的要写的，分割位置和大小 */
            /* background: 背景颜色 背景url 是否重复 位置 / 大小 原点 裁剪方式; */
            background: skyblue url(a.png) no-repeat 10px 10px / 500px 500px border-box content-box;
        }

    </style>
</head>
<body>

    <div class="outer">
        <!-- <div class="inner"></div> -->
    </div>
    
</body>
</html>